<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>动态选项卡</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../lib/layui/css/layui.css">
	

	</head>

	<body>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
			<legend>右键选项卡</legend>
		</fieldset>

		<blockquote class="layui-elem-quote layui-text">
			hpRightMenu 是建立 在 layui 的 自定义 模块上的,所以使用起来和layui依赖自身的模块是一样的
		</blockquote>

		<pre class="layui-code" lay-skin="notepad">
//layui模块的使用
			layui.use(['mod1', 'mod2'], function(args){
  		    var mod = layui.mod1;
            //……
 });   
		</pre>
		<pre class="layui-code" lay-skin="hpBlue">
// 所以使用 hptab 如下 
			// 配置
			layui.config({
				base: './hpModules/' // 扩展模块目录
			}).extend({ // 模块别名
				hpRightMenu: 'hpComponent/hpRightMenu',
			});
			layui.use(['layer','hpRightMenu'], function(args){
  		    var hpRightMenu = layui.hpRightMenu;
            hpRightMenu.init();
            //……
            
 });   
		</pre>
		<script src="../lib/layui/layui.js"></script>
		<script>
			layui.use('code', function() {
				layui.code();
			});
		</script>
			<style>
			/* notepadd++风格 */
  
		</style>  
	</body>

</html>